<template>
    <div class="right orderDetail">
        <div class="level_tit tit clearfix">
            <span class="pull-left">订单编号：{{cur.number}}</span>
            <router-link to="/orderList"><button class="btn btn-primary btn-sm pull-right">返回列表</button></router-link>
        </div>
        <h3>订单详情</h3>
        <div class="info container-fluid">
            <div class="col-lg-6">
                <p><span class="bold">收件人姓名：</span>{{cur.receive}}</p>
                <p><span class="bold">联系人地址：</span>{{cur.address}}</p>
                <p><span class="bold">&nbsp;&nbsp;&nbsp;&nbsp;下单时间：</span>{{cur.time}}</p>
            </div>
            <div class="col-lg-6">
                <p><span class="bold">联系电话：</span>{{cur.tel}}</p>
                <p><span class="bold">付款状态：</span><span v-if="!cur.state">未付款</span><span v-if="cur.state">已付款</span></p>
                <p><span class="bold">&nbsp;&nbsp;&nbsp;&nbsp;寄件人：</span>{{cur.send}}</p>
            </div>
        </div>
        <div class="mess"><span class="bold">订单留言：</span>{{cur.mess}}</div>
        <div class="mess"><span class="bold">订单金额：￥</span>{{cur.money}}</div>
        <div class="ope">
            <button class="btn btn-success btn-sm">打印订单</button>
            <button class="btn btn-success btn-sm">配送</button>
            <button class="btn btn-success btn-sm">发货</button>
        </div>
    </div>
</template>
<script>
    import orders from '../js/orders'
    
    export default{
        data(){
            return{
                cur:null
            }
        },
        methods:{
            dele(ind){
                this.orders.splice(ind,1);
            },
            look(ind){
                this.cur = this.orders[ind];
            }
        },
        created(){
            this.cur = this.$route.params
        }
    }
</script>
<style lang="css" scoped>
    .tit{
        background:url("../images/order_03.jpg") 5px 25px no-repeat;
        padding-bottom:10px;
    }
    .info{
        border-bottom:10px solid #ececec;
    }
    .orderDetail h3{
        text-align:center;
        line-height:40px;
        background:#ececec;
        border-bottom:none;
        color:#666666;
        font-weight:bold;
        font-size:18px;
    }
    .bold{
        font-weight:bold;
    }
    .mess{
        line-height:45px;
        border-bottom:10px solid #ececec;
        text-indent:10px;
    }
    .ope{
        margin-top:15px;
    }
</style>